<template>
    <div>
      <mu-tabs :value.sync="active" indicator-color="#000" class="tabbar">
        <mu-tab>
          <div class="text" style="border: 1px solid;width: 14vw;height: 6vw;border-radius: 3vw;line-height:6vw">爆款</div>
        </mu-tab>
        <!--<mu-tab>
          <div class="text" style="border: 1px solid;width: 14vw;height: 6vw;border-radius: 3vw">轻薄款</div></mu-tab>
        <mu-tab>
          <div class="text" style="border: 1px solid;width: 14vw;height: 6vw;border-radius: 3vw">中长款</div></mu-tab>
        <mu-tab>
          <div class="text" style="border: 1px solid;width: 14vw;height: 6vw;border-radius: 3vw">长款</div></mu-tab>
        <mu-tab>
          <div class="text" style="border: 1px solid;width: 14vw;height: 6vw;border-radius: 3vw">短款</div></mu-tab>-->
      </mu-tabs>
      <div>
        <div style="width: 92vw;margin: 0px auto;margin-top: 4vw">
          <goodsList :goodsList="goodsList"></goodsList>
        </div>
      </div>
    <!--  <div v-if="active === 1">
        2222
      </div>
      <div v-if="active === 2">
        3333
      </div>
      <div v-if="active === 4">
        2222
      </div>
      <div v-if="active === 5">
        3333
      </div>-->
    </div>
</template>

<script>
  import goodsList from '../goodsList'
    export default {
        name: "secondMenu",
      components:{
          goodsList
      },
      data(){
          return{
            active:0,
            goodsList:[
              {listText:'精致纯棉T恤舒适度优',},
              {listText:'精致纯棉T恤舒适度优,让人觉得很舒服',},
              {listText:'精致纯棉T恤舒适度优',},
              {listText:'精致纯棉T恤舒适度优,让人觉得很舒服',}],
          }
      },
      created(){
        var that=this;
        this.$http({
          url:'/offcial/api/Shop/categoryList',
          method:'post',
          data:{
            time:this._globe.time1,
            device_id:this._globe.device_id,
            version:this._globe.version,
            platform:this._globe.platform,
            token:this._globe.token1,
          }
        })
          .then(function (response) {
            console.log(response);
            const resData=response.data;
            if(resData.code==1){
              that.categoryList=resData.data.list;
              console.log( that.categoryList);
            }
          })
          .catch(function (response) {
            console.log(response);
          })

      },
    }
</script>

<style scoped>
.mu-tabs{
  background: #fff !important;
  font-size: 13px;
  color: #666;
}
.mu-tab-active{
  color: #ff4c50;
}
.mu-tab-link-highlight{
  display: none !important;
}
.mu-ripple-wrapper{
  border: 1px solid #ff4c50;
  width: 60%;
  text-align: center;
}
</style>
